<template>
	<view>
		<view class="wrap">
			<u-navbar title="收料信息列表" title-color="#333" back-icon-color="#333">
				<view class="navbar-right" slot="right">
					<view class="message-box right-item but-caozuo" style="margin-right: 20rpx; color: #FF0000;">
						<u-button style="width: 20rpx; font-size: 30rpx;" @click="addXq" type="primary" size="medium"
							shape="circle">发单记录</u-button>
					</view>
				</view>
			</u-navbar>
			<view class="">
				<u-tabs-swiper activeColor="#058cff" font-size="32" :is-scroll="false" :current="current"
					swiper-width="10005000" @change="tabsChange" ref="tabs" :list="list"></u-tabs-swiper>
			</view>
			<swiper class="swiper-box" :current="current" @transition="transition" @animationfinish="animationfinish">
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
						<view class="page-box" style="background-color: #E3E3E3;">
							<view class="order" v-for="(res, index) in orderList" :key="index" @click="detilesxq(res)">
								<view class="top">
									<view class="left">
										<view class="store" style="font-size: 32rpx;margin: 0;">
											<text>发布时间：{{ res.ORMTB493CA11 }}</text>
											<view style="padding-top: 10rpx;">
												<text>单号：{{ res.ORMTB493NO }}</text>
												<text v-if="res.ORMTB493CA13 == '-1'" style="color: red;margin-left: 20rpx;">审核中</text>
											</view>
										</view>
									</view>
									<view class="right" v-if="res.ORMTB493CA13 != -1 && res.ORMTB493CA10 != 0" @click.stop="share(res)"
										:id="res.ORMTB493ID">
										<div class="but-caozuo">
											<u-icon :name="getStaticFilePath('/home/nav/nav-ZF.png')" :size="50">
											</u-icon>
											<view>转发</view>
										</div>
									</view>
								</view>
								<view class="item">
									<view class="content">
										<view class="type" style="padding: 10rpx 0;">
											<text>总数:{{ res.ORMTB493CA08 }}吨</text>
											<text>在途:{{ res.ztzl }}吨</text>
										</view>
										<view class="type" style="padding: 10rpx 0;">
											<text>已完成:{{ res.wczl }}吨</text>
											<text>未完成:{{ res.ORMTB493CA10 }}吨</text>
										</view>
										<view class="title u-line-2" style="padding: 10rpx 0;"><span class="zhuang-huo-dizhi">装</span>
											{{ res.ORMTB493CA04 }}
										</view>
										<view class="title u-line-2"><span class="xie-huo-dizhi">卸</span>{{ res.ORMTB493CA01 }}</view>
										<view class="type" style="padding: 20rpx 0;">
											<view class="">
												<text>物料类型：{{ res.ORMTB493CA06 || '' }}</text>
											</view>
											<view class="">
												<text>收料单价：{{ res.ORMTB493CA07 || '' }}元</text>
											</view>
										</view>
										<view class="type">
											<view class="">
												<text style="color: #FF0000;">冻结金额：{{ res.ORMTB493CA12 || '' }}元</text>
											</view>
										</view>

										<view class="but-box">
											<u-button @click="detilesxq(res)" type="primary" shape="circle" class="btn_mid">详情</u-button>
											<u-button v-if="res.ORMTB493CA13 != '-1'" @click="toStatusList(res)" type="warning" shape="circle"
												class="btn_mid">接单状态</u-button>

											<u-button v-if="res.ORMTB493CA13 == '0'" @click="start(res, '1')" type="success" shape="circle"
												class="btn_mid">开启收料</u-button>

											<u-button v-if="res.ORMTB493CA13 == '1'" @click="start(res, '0')" type="error" shape="circle"
												class="btn_mid">停止收料</u-button>

											<u-button @click="start(res, '1', true)" type="success" shape="circle"
												class="btn_mid">完成收料</u-button>
										</view>

									</view>
								</view>
							</view>
						</view>
						<view class="sendorder-loadmore">
							<u-loadmore v-if="orderList.length != 0" :status="status" :icon-type="iconType" :load-text="loadText" />
						</view>
						<view class="zanWSJ" v-if="orderList.length == 0">
							<image :src="getStaticFilePath('/QXY/noData.png')" alt=""></image>
						</view>
						<view class="" style="height: 160rpx;"></view>
					</scroll-view>
				</swiper-item>
				<!-- 已完成 -->
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
						<view class="page-box" style="background-color: #E3E3E3;">
							<view class="order" v-for="(res, index) in orderList" :key="index" @click="detilesxq(res)">
								<view class="top">
									<view class="left">
										<view class="store" style="font-size: 32rpx;margin: 0;">
											<text>发布时间：{{ res.ORMTB493CA11 }}</text>
											<view style="padding-top: 10rpx;">
												<text>单号：{{ res.ORMTB493NO }}</text>
												<text v-if="res.ORMTB493CA13 == '-1'" style="color: red;margin-left: 20rpx;">审核中</text>
											</view>
										</view>
									</view>
								</view>
								<view class="item">
									<view class="content">
										<view class="type" style="padding: 10rpx 0;">
											<text>总数:{{ res.ORMTB493CA08 }}吨</text>
											<text>在途:{{ res.ztzl }}吨</text>
										</view>
										<view class="type" style="padding: 10rpx 0;">
											<text>已完成:{{ res.wczl }}吨</text>
											<text>未完成:{{ res.ORMTB493CA10 }}吨</text>
										</view>
										<view class="title u-line-2" style="padding: 10rpx 0;"><span class="zhuang-huo-dizhi">装</span>
											{{ res.ORMTB493CA04 }}
										</view>
										<view class="title u-line-2"><span class="xie-huo-dizhi">卸</span>{{ res.ORMTB493CA01 }}</view>
										<view class="type" style="padding: 20rpx 0;">
											<view class="">
												<text>物料类型：{{ res.ORMTB493CA06 || '' }}</text>
											</view>
											<view class="">
												<text>收料单价：{{ res.ORMTB493CA07 || '' }}元</text>
											</view>
										</view>
										<view class="type">
											<view class="">
												<text style="color: #FF0000;">冻结金额：{{ res.ORMTB493CA12 || '' }}元</text>
											</view>
										</view>

										<view class="but-box">
											<u-button @click="detilesxq(res)" type="primary" shape="circle" class="btn_mid">详情</u-button>
											<u-button v-if="res.ORMTB493CA13 != '-1'" @click="toStatusList(res)" type="warning" shape="circle"
												class="btn_mid">接单状态</u-button>
										</view>

									</view>
								</view>
							</view>
						</view>

						<view class="sendorder-loadmore">
							<u-loadmore v-if="orderList.length != 0" :status="status" :icon-type="iconType" :load-text="loadText" />
						</view>
						<view class="zanWSJ" v-if="orderList.length == 0">
							<image :src="getStaticFilePath('/QXY/noData.png')" alt=""></image>
						</view>
						<view class="" style="height: 160rpx;"></view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			//订单列表
			orderList: [],
			current: 0, // tabs组件的current值，表示当前活动的tab选项
			swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
			list: [{
				name: '未完成'
			},
			{
				name: '已完成'
			}],
			status: 'loading',
			iconType: 'flower',
			loadText: {
				loadmore: '轻轻上拉',
				loading: '努力加载中',
				nomore: '实在没有了'
			},
			countpage: 1,
			page: 1,
			userinfo: JSON.parse(uni.getStorageSync('userinfo')),
		};
	},
	onLoad() {
		this.page = 1
		this.countpage = 1
		this.queryList()
	},
	onShow: function () {

	},
	onPullDownRefresh() {
		this.page = 1
		this.countpage = 1
		this.queryList()
	},
	methods: {
		// 发单记录
		addXq() {
			uni.navigateTo({
				url: `/pages/daiOrde/fdjl/index?buy=buy`
			})
		},
		share(res) {
			console.log(`output->res`, res)
			let that = this;
			uni.share({
				provider: 'weixin',
				scene: "WXSceneSession",
				type: 5,
				imageUrl: 'https://feishazoushi.cn/appImages/downCustomer.png',
				title: '查看运单',
				miniProgram: {
					id: 'gh_fa047443538a',
					path: 'pages/daiOrde/shareOrde/receivingMaterials?idShare=' + res.ORMTB493ID + '&shareuserId=' + that.userinfo.ORMTB410ID + '&buy=buy',
					type: 0, //0-正式版；1-测试版；2-体验版。默认值0
					webUrl: 'https://feishazoushi.cn/gw/'
				},
				success: function (ret) {
					console.log(JSON.stringify(ret));
				},
				fail: function (fail) {
					console.log(fail)
				}
			});
		},
		reachBottom() {
			if (this.page == this.countpage) {
				return this.status = "nomore"
			}
			this.page++
			this.queryList()
		},
		// 详情
		detilesxq(item) {
			console.log(`output->item`, item.ORMTB440ID)
			uni.navigateTo({
				url: '/pages/receivingMaterials/detail?item=' + encodeURIComponent(JSON.stringify(item))
			})
		},
		// 接单状态
		toStatusList(item) {
			var itemMasg = {
				type: item.ORMTB493ID
			}
			uni.navigateTo({
				url: '/pages/receivingMaterials/orderStatusList?item=' + encodeURIComponent(JSON.stringify(itemMasg)) + '&buy=buy'
			})
		},
		// 开启收料
		start(item, flag, over) {
			console.log(`output->item`, item)
			// uni.showLoading({
			// 	title: '加载中...',
			// 	mask: true
			// });
			let id = '';
			if (this.userinfo.sign == 'CUS-1') {
				id = this.userinfo.ORMTB400ID
			} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				id = this.userinfo.ORMTB410ID
			}
			let url = this.baseUrl + '/orm/ormtb493/changeStatusOrmtb493';
			// 完成收料
			if (over) {
				uni.showModal({
					title: '提示',
					content: '完成收料后，司机不可再接单，在途车辆可继续送料。是否确认？',
					success: (res) => {
						if (res.confirm) {
							url = this.baseUrl + '/orm/ormtb493/finishOrmtb493';
							uni.request({
								url,
								method: 'POST',
								dataType: 'json',
								data: {
									ORMTB410ID: id,
									ORMTB493CA13: flag, // 1:开启收料 0:关闭收料
									ORMTB493ID: item.ORMTB493ID
								},
								success: (res) => {
									console.log(res);
									// uni.hideLoading();
									if (res.data.code == 200) {
										this.queryList()
									}
									this.$refs.uToast.show({
										title: res.data.message,
										type: 'default',
										icon: false
									})
								},
								fail: (res) => {
									uni.hideLoading();
									this.$refs.uToast.show({
										title: res.errMsg,
										type: 'default',
										icon: false
									})
								}
							});
						} else if (res.cancel) {
							return
						}
					}
				});
			} else {
				uni.request({
					url,
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB410ID: id,
						ORMTB493CA13: flag, // 1:开启收料 0:关闭收料
						ORMTB493ID: item.ORMTB493ID
					},
					success: (res) => {
						console.log(res);
						// uni.hideLoading();
						if (res.data.code == 200) {
							this.queryList()
						}
						this.$refs.uToast.show({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: 'default',
							icon: false
						})
					}
				});
			}
		},
		tabsChange(index) {
			this.orderList = []
			this.page = 1
			this.countpage = 1
			this.current = index;
			this.queryList()
		},
		// swiper-item左右移动，通知tabs的滑块跟随移动
		transition(e) {
			let dx = e.detail.dx;
			this.$refs.tabs.setDx(dx);
		},
		// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
		// swiper滑动结束，分别设置tabs和swiper的状态
		animationfinish(e) {
			let current = e.detail.current;
			this.$refs.tabs.setFinishCurrent(current);
			if (this.current == current) {
				return
			}
			this.current = current;
			this.queryList()
		},
		//查询列表
		queryList() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			var statusName = ''
			console.log(this.current)
			if (this.current == 1) {
				statusName = '0'
			} else if (this.current == 2) {
				statusName = '1'
			} else if (this.current == 3) {
				statusName = '2'
			} else if (this.current == 4) {
				statusName = '3'
			} else if (this.current == 5) {
				statusName = '4'
			} else if (this.current == 6) {
				statusName = '5'
			} else if (this.current == 7) {
				statusName = '-1'
			} else if (this.current == 8) {
				statusName = '9'
			}

			var ORMTB410ID = ''
			if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				ORMTB410ID = this.userinfo.ORMTB410ID
			}
			var ORMTB417ID = ''
			if (this.userinfo.sign == 'CUS-3') {
				ORMTB417ID = this.userinfo.ORMTB417ID
			}
			this.queryDataList = [];
			uni.request({
				url: this.baseUrl + '/orm/ormtb493/ormtb493ListFdr',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB410ID: ORMTB410ID, //二级客户代码
					ORMTB493CA13: this.current == 0 ? '1' : '2',
					limit: 10,
					page: this.page
				},
				success: (res) => {
					uni.hideLoading();
					if (res.data.code == 200) {
						console.log(res)
						if (!res.data.data || res.data.data == null) {
							this.orderList = []
							this.page = 1
							this.countpage = 1
							return
						}
						var data = res.data.data.list || []
						if (this.page > 1) {
							this.orderList = [...this.orderList, ...data]
						} else {
							this.orderList = data
							console.log(this.orderList)
						}
						this.countpage = Math.ceil(res.data.count / 10)
					} else {
						this.orderList = []
						this.page = 1
						this.countpage = 1
						this.$refs.uToast.show({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
					if (this.countpage == this.page) {
						this.status = "nomore"
					} else {
						this.status = "loadmore"
					}
					uni.stopPullDownRefresh();
				},
				fail: (res) => {
					uni.stopPullDownRefresh();
					if (this.countpage == this.page) {
						this.status = "nomore"
					} else {
						this.status = "loadmore"
					}
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
	}
};
</script>
<style lang="scss" scoped>
.wrap-count {
	margin: 20rpx 20rpx 0;
	border-radius: 10rpx;
	background-color: #FFF;
	padding: 20rpx 0;
}

.wrap-count>text {
	padding: 0 30rpx;
	font-size: 36rpx;
}

.wrap-count>view {
	display: flex;
	padding: 20rpx 60rpx;
	justify-content: space-between;
}

.wrap-count>view>view {
	// flex: .7;
	font-size: 36rpx;
}

.wrap-count>view>view>text {
	color: #999;
}

.wrap-count .wrap-count-money {
	// flex: 1;
}

.zanWSJ {
	padding-top: 200rpx;
}

.zanWSJ>image {
	display: block;
	margin: 0 auto;
	height: 360rpx;
	width: 43%;
}

.code-img {
	width: 500rpx;
	height: 500rpx;
	margin: 50rpx auto 0;
}

.code-img image {
	width: 500rpx;
	height: 500rpx;
}

.sendorder-loadmore {
	padding: 20rpx 0 20rpx 0;
}

page {
	height: 100%;
	background-color: #f2f2f2;
}

/*二维码弹出*/
.qc_show {
	padding: 25rpx 15rpx 15rpx 15rpx;

	.title {
		text-align: center;
		font-size: 33rpx;
		margin-bottom: 15rpx;
		font-weight: bold;
	}

	.info {
		font-size: 30rpx;
		text-align: center;
		color: #666;
	}
}

/* 顶部下拉*/
.dropdown_menu {
	padding: 24rpx 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1rpx;
	border-top-color: #e1e1e1;

	.icon_left_margin {
		margin-left: 20rpx;
	}
}

.order {
	width: 710rpx;
	background-color: #ffffff;
	margin: 20rpx auto;
	border-radius: 20rpx;
	box-sizing: border-box;
	padding: 20rpx;

	.top {
		display: flex;
		justify-content: space-between;
		border-bottom-width: 1rpx;
		border-bottom-color: #eee;
		border-bottom-style: solid;
		padding-bottom: 20rpx;
		// height: 120rpx;

		.left {
			display: flex;
			align-items: center;

			.store {
				margin: 0 10rpx;
				font-size: 28rpx;
				color: #666;
			}
		}

		.right {
			color: #058cff;
		}
	}

	.item {
		// display: flex;
		margin: 0rpx 0 0;

		.left {
			margin-top: 30rpx;
			margin-right: 30rpx;
			text-align: center;

			.license_plate {
				width: 130rpx;
				text-align: center;
				// font-size: 26rpx;
				margin-top: 10rpx;
			}
		}

		.content {
			.title {
				// font-size: 32rpx;
				line-height: 50rpx;
			}

			.type {
				display: flex;
				justify-content: space-between;
				// margin: 10rpx 0;
				// font-size: 32rpx;
				color: #303133;
			}

			.btn_mid {
				padding: 0rpx 26rpx;
				height: 70rpx;
				width: 160rpx;
				margin: 0;
				margin-left: 30rpx;
				font-size: 28rpx;
			}
		}
	}

	.total {
		margin-top: 20rpx;
		text-align: right;
		font-size: 24rpx;

		.total-price {
			font-size: 32rpx;
		}
	}

	.bottom {
		display: flex;
		margin-top: 40rpx;
		padding: 0 10rpx;
		justify-content: space-between;
		align-items: center;

		.btn {
			line-height: 52rpx;
			width: 160rpx;
			border-radius: 26rpx;
			border: 2rpx solid $u-border-color;
			font-size: 26rpx;
			text-align: center;
			color: $u-type-info-dark;
		}

		.evaluate {
			color: $u-type-warning-dark;
			border-color: $u-type-warning-dark;
		}
	}
}

.centre {
	text-align: center;
	margin: 200rpx auto;
	font-size: 32rpx;

	image {
		width: 164rpx;
		height: 164rpx;
		border-radius: 50%;
		margin-bottom: 20rpx;
	}

	.tips {
		font-size: 24rpx;
		color: #999999;
		margin-top: 20rpx;
	}

	.btn {
		margin: 80rpx auto;
		width: 200rpx;
		border-radius: 32rpx;
		line-height: 64rpx;
		color: #ffffff;
		font-size: 26rpx;
		background: linear-gradient(270deg, rgba(249, 116, 90, 1) 0%, rgba(255, 158, 1, 1) 100%);
	}
}

.wrap {
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
	background-color: #E3E3E3;
}

.swiper-box {
	flex: 1;
	// margin-bottom: 39px;
}

.swiper-item {
	height: 100%;
}

.sendrecord {
	min-height: 100vh;
	width: 100vw;
	background-color: #efeff4;
}

.sendrecord-nav-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #FFF;
}

.sendrecord-nav-top-navbar-inner {
	/* display: flex; */
	position: relative;
}

.sendrecord-nav-top-navbar-inner text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100rpx;
	text-align: center;
	font-size: 34rpx;
	z-index: 1;
}

.sendrecord-nav-top-navbar-inner view {
	flex: 1;
	text-align: center;
	font-size: 34rpx;
	font-weight: 600;
}

.sendrecord-nav-option {
	height: inherit;
	display: flex;
	font-size: 30rpx;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.sendrecord-nav-option-rep {
	position: relative;
	flex: 1;
	padding: 0 55rpx 0 20rpx;
}

.sendrecord-nav-option-rep .iconxiala {
	position: absolute;
	top: 0;
	right: 0;
	height: inherit;
	line-height: inherit;
	font-size: 22rpx;
	margin-left: 10rpx;
	color: #999;
}

.sendrecord-nav-option-screening {
	flex: .35;
}

.sendrecord-nav-option-screening .iconshaixuan {
	font-size: 30rpx;
	margin-left: 10rpx;
}

.sendrecord-count {
	background-color: #fff;
}

.sendrecord-count-p {
	position: relative;
	border-radius: 20rpx 20rpx 0 0;
	height: 25vh;
	padding: 20rpx 40rpx;
	background-color: #efeff4;
}

.sendrecord-count-p image {
	width: 100%;
	height: 100%;
}

.sendrecord-count-p-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20rpx 70rpx;
	box-sizing: border-box;
}

.sendrecord-count-p-content-title {
	padding: 40rpx 0 30rpx 0;
	font-size: 32rpx;
	color: #ffd919;
}

.sendrecord-count-p-num {
	display: flex;
	color: #FFF;
	font-size: 30rpx;
}

.sendrecord-count-p-num>view>text {
	font-size: 26rpx;
	color: #e3e3e3;
}

.sendrecord-count-p-num-money,
.sendrecord-count-p-num-weight {
	flex: 1;
}

.sendrecord-count-p-num-time {
	flex: .5;
}

.sendrecord-table-content {
	padding: 0 30rpx;
}

.sendrecord-table-content-card {
	border-radius: 25rpx;
	background-color: #FFF;
	color: rgba(153, 153, 153, 1);
}

.sendrecord-table-content-card+.sendrecord-table-content-card {
	margin-top: 15rpx;
}

.sendrecord-table-content-card-title {
	display: flex;
	justify-content: space-between;
	height: 80rpx;
	line-height: 80rpx;
	padding: 0 30rpx;
	font-size: 30rpx;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
	font-weight: 400;
}

.sendrecord-table-content-card-title-tiem {}

.sendrecord-table-content-card-title-details {
	font-size: 30rpx;
	color: rgba(0, 162, 243, 1);
}

.sendrecord-table-content-card-text {
	position: relative;
	display: flex;
	padding: 0 30rpx;
}

.sendrecord-table-content-card-text-image {
	position: absolute;
	left: 0;
	top: 2rpx;
	width: 120rpx;
	height: 70rpx;
}

.sendrecord-table-content-card-text-image>image {
	width: 100%;
	height: 100%;
	transform: rotate(-25deg);
}

.sendrecord-table-content-card-text-left {
	display: flex;
	align-items: center;
	margin-right: 40rpx;
	text-align: center;
}

.sendrecord-table-content-card-text-left .iconfont {
	font-size: 70rpx;
	color: rgba(102, 102, 102, 1);
}

.sendrecord-table-content-card-text-left-car {
	line-height: 50rpx;
	font-size: 26rpx;
	color: rgba(102, 102, 102, 1);
	font-weight: 400;
}

.sendrecord-table-content-card-text-right {
	flex: 1;
	color: #333;
	font-size: 26rpx;
	line-height: 40rpx;
	padding-bottom: 30rpx;
	font-weight: 400;
}

.sendrecord-table-content-card-text-right>view {
	margin-top: 10rpx;
	overflow: hidden;
}

.sendrecord-table-content-card-text-right-details {
	display: flex;
	justify-content: space-between;
}

.sendrecord-table-content-card-text-right-details text {
	display: inline-block;
	max-width: 200rpx;
	overflow: hidden;
}

.sendrecord-table-content-card-text-right-details text+text {
	margin-left: 20rpx;
}

.sent-changeDate-text {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding-left: 42rpx;
}

.sent-dateChange {
	margin-top: 28rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 42rpx;
	font-size: 26rpx;
}

.sent-dateChange-mask {
	position: relative;
}

.sent-dateChange-mask>view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.sent-startDate {
	width: 231rpx;
	height: 45rpx;
	border: 2rpx solid #e3e3e3;
	color: #e3e3e3;
	font-size: 26rpx;
	text-align: center;
	padding: 0 20rpx;
}

.sent-startDate-active {
	height: 77rpx;
	border-color: rgba(0, 161, 241, 0.5);
	color: rgba(0, 161, 241, 1);
}

.sent-startDate input {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: 0;
	border: 0;
	text-align: center;
}

.dateLine {
	width: 55rpx;
	height: 2rpx;
	background: rgba(205, 205, 205, 1);
}

.changeCarnum>view:first-child {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.carNumReset {
	width: 120rpx;
	text-align: center;
	color: rgba(0, 161, 241, 1);
	margin-left: 60rpx;
}

.electionMonth {
	width: 100rpx;
	height: 67rpx;
	line-height: 67rpx;
	text-align: center;
	background: rgba(0, 161, 241, 1);
	color: rgba(255, 255, 255, 1);
	border-radius: 6rpx;
	margin-left: 50rpx;
}

.changeQiye .xuanzeqiye {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.kehuName {
	width: 300rpx;
	height: 60rpx;
	line-height: 60rpx;
	border: 2rpx solid rgba(153, 153, 153, 0.5);
	color: rgba(153, 153, 153, 1);
	font-size: 26rpx;
	padding: 0;
	text-align: center;
}

.changeWuliao view:first-child {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.changeButton {
	display: flex;
	padding: 56rpx 30rpx 100rpx 39%;
}

.changeButton button {
	padding: 0;
	width: 223rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 0;
	font-size: 30rpx;
	color: rgba(255, 255, 255, 1);
}

.changeButton button:first-child {
	background: rgba(0, 202, 243, 1);
}

.changeButton button:last-child {
	background: rgba(0, 161, 241, 1);
}

.sent-changeDate,
.changeCarnum,
.changeQiye,
.changeWuliao {
	width: 100%;
	border-bottom: 2rpx solid rgba(230, 230, 230, 1);
	padding: 42rpx 0;
}

.sent-dateChange-mask .orActive {
	color: rgba(0, 161, 241, 1) !important;
	border: 2rpx solid rgba(0, 161, 241, 1) !important;
}

.car-search-top-title {
	display: flex;
}

.car-search-top-title>view:first-child {
	width: 150rpx;
	height: 70rpx;
	line-height: 70rpx;
	text-align: center;
	font-size: 30rpx;
	color: #999;

}

.car-search-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff;
}

.car-search-top-title-search {
	position: relative;
	flex: 1;
	padding: 0 40rpx 0 0;
}

.car-search-top-title-search>view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 19;
}

.car-search-top-title-search-box {
	width: 90%;
}

.car-search-li {
	height: 70rpx;
	line-height: 70rpx;
	padding-left: 60rpx;
	font-size: 30rpx;
	color: #333;
	border-bottom: 2rpx solid #e3e3e3;
}

// 统计
.statistics-banner-box {
	width: 100%;
	height: 252rpx;
	padding: 10rpx 0;
	background-color: rgba(204, 204, 204, .3);
}

.statistics-banner-title-box {
	padding: 30rpx 0 50rpx 40rpx;
	background-color: #fff;
}

.statistics-banner-title {
	// margin: 60rpx 0 50rpx 40rpx;
	// margin: 60rpx 0 50rpx 40rpx;
	padding-bottom: 20rpx;
	font-size: 42rpx;
	color: rgba(51, 51, 51, 1);
}

.statistics-banner-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 40rpx;
	flex-direction: row;
	align-items: center;
}

.statistics-banner-name {
	font-size: 26rpx;
	// color: rgba(255, 255, 255, .8);
}

.statistics-banner-number {
	font-size: 36rpx;
	// color: rgba(255, 255, 255, 1);
}

.ERcode-orderinfo {
	font-size: 36rpx;
	color: #333;
	margin-bottom: 65rpx;
	padding: 0 28rpx;
}

.ERcode-orderinfo>view {
	// height: 44rpx;
	line-height: 44rpx;
	overflow: hidden;
}

.ERcode-orderinfo-view {
	border-bottom: 2rpx solid #e3e3e3;
	padding-bottom: 20rpx;
}

.ERcode-orderinfo-view>text:first-child {
	font-size: 44rpx;
	font-weight: 600;
	width: 255rpx !important;
}

.ERcode-orderinfo>view+view {
	margin-top: 15rpx;
}

.ERcode-orderinfo text {
	display: inline-block;
	font-size: 36rpx;
	width: 190rpx;
	text-align: right;
	margin-right: 21rpx;
	color: #666;
}

uni-button:after {
	border: none;
}

.che-leixing {
	margin-bottom: 20rpx;
}

.huo-yun-biaoqian {
	background-color: #E3E3E3;
	border-radius: 10rpx;
	padding: 5rpx;
	margin-right: 20rpx;
}

.zhuang-huo-dizhi {
	background-color: #303133;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
	margin-bottom: 20rpx;
}

.xie-huo-dizhi {
	background-color: #2979ff;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
}

.but-box {
	margin-top: 20rpx;
	display: flex;
	justify-content: flex-end;
}

.popup_title {
	font-size: 36rpx;
	font-weight: 700;
	text-align: center;
	padding: 30rpx;
}

.popup_cell {
	margin: 0 20rpx;
	padding: 10rpx 0;
	margin-bottom: 10rpx;
	border-bottom: 2rpx solid #ebebeb;
	display: flex;
	align-items: center;
}

.popup_cell.upload_area {
	align-items: flex-start;
}

.popup_cell.upload_area {
	align-items: flex-start;
}

.popup_cell-label {
	font-size: 30rpx;
	color: #666666;
	width: 150rpx;
	text-align: right;
}

.popup_cell_value {
	flex: 1;
}

.popup_cell_input {
	font-size: 32rpx;
	width: 100%;
	height: 60rpx;
	padding: 0 20rpx;
}

.input-placeholder {
	font-size: 30rpx;
}

.popup_btn {
	background-color: #007AFF;
	margin: 60rpx;
	color: #FFFFFF;
}

.txMasg {
	padding: 0 20rpx;
	color: red;
}

/* 车牌号选择弹窗style */

.iscar-nav {
	position: fixed;
	top: 0;
	width: 100%;
	/* height: 22vh; */
	/* box-sizing: border-box; */
	z-index: 2;
	background-color: #FFF;
}

.iscar-content {
	/* margin-top: 24vh; */
}

.iscar-nav-top {
	height: 10vh;
	/* background-color: #e3e3e3; */
}

.iscar-nav-search {
	display: flex;
	/* background-color: #e3e3e3; */
	padding-bottom: 20rpx;
}

.iscar-nav-search-ipt {
	flex: 1;
}

.iscar-nav-search-btn {
	width: 100rpx;
	height: 60rpx;
	line-height: 60rpx;
	font-size: 28rpx;
	text-align: center;
	color: #333;
	margin: 0 20rpx;
}

.iscar-nav-btn {
	display: flex;
	justify-content: space-between;
	height: 90rpx;
	line-height: 90rpx;
	font-size: 36rpx;
	color: #333;
	padding: 0 40rpx;
	border-top: 2rpx solid #e3e3e3;
	border-bottom: 2rpx solid #e3e3e3;
	background-color: #fff;
}

.iscar-nav-btn view+view {
	color: #02a2f4;
}

.iscar-nav-btn view {
	/* width: 100rpx; */
	text-align: center;
}

.iscar-content {
	padding-left: 30rpx;
}

.but-caozuo .share-btn {
	background: #FFA500;
	color: #ffffff;
	border: none;
	margin: 0;
	font-size: 30rpx;
	height: 60rpx;
	line-height: 60rpx;
	padding: 0 40rpx;
	margin-left: 30rpx;
	border-radius: 30rpx;

}
</style>
